草庐IT

ionic 浮动框

全部标签

html - 如何正确地将自定义字体包含到 ionic 项目中?

在我的项目中设置了scss->css编译。而且我无法从scss文件夹中获取我的自定义字体。这是我的文件夹结构,以便更好地理解。|scss/|--basics/|--_fonts.scss|--fonts/|--lineto-circular-book.woff|--lineto-circular-medium.woff|www|--lib/|--ionic/|--css/|--fonts/这就是_fonts.scss的样子:@charset"UTF-8";@font-face{font-family:'Circular-Medium';src:url('fonts/lineto-cir

html - 如何正确地将自定义字体包含到 ionic 项目中?

在我的项目中设置了scss->css编译。而且我无法从scss文件夹中获取我的自定义字体。这是我的文件夹结构,以便更好地理解。|scss/|--basics/|--_fonts.scss|--fonts/|--lineto-circular-book.woff|--lineto-circular-medium.woff|www|--lib/|--ionic/|--css/|--fonts/这就是_fonts.scss的样子:@charset"UTF-8";@font-face{font-family:'Circular-Medium';src:url('fonts/lineto-cir

javascript - 通过带有angularjs和ionic的html img标签显示图像

我目前正在使用ionic开发混合移动应用程序和Angularjs,我正在尝试通过imghtml标签显示图像。我的页面由顶部的旋转木马(效果很好,它显示图像)和包含小图像的列表组成。在我页面的Controller中有:app.controller('SalleCtrl',function($scope,$location){$scope.salle={"num":"2","imgR":["img/art_affiche_6_thumb-300x300.jpg","img/art_affiche_6_thumb-300x300.jpg"],"title":"Salle2:Premières

javascript - 通过带有angularjs和ionic的html img标签显示图像

我目前正在使用ionic开发混合移动应用程序和Angularjs,我正在尝试通过imghtml标签显示图像。我的页面由顶部的旋转木马(效果很好,它显示图像)和包含小图像的列表组成。在我页面的Controller中有:app.controller('SalleCtrl',function($scope,$location){$scope.salle={"num":"2","imgR":["img/art_affiche_6_thumb-300x300.jpg","img/art_affiche_6_thumb-300x300.jpg"],"title":"Salle2:Premières

angularjs - Movilizer - 将 MovilizerJS 与 Ionic 结合使用

我正在尝试将MovilizerJS与IonicFramework结合使用来创建HTML5屏幕。我尝试从Ionic生成的App.js文件中引用teMovilizerJS。我在插件文件夹中添加了MovilizerJS文件,并添加了包含Cordova.js的文件。varoHead=document.getElementsByTagName('HEAD').item(0);varoScript=document.createElement("script");oScript.type="text/javascript";oScript.src="plugins/Movilizer.js";oH

angularjs - Movilizer - 将 MovilizerJS 与 Ionic 结合使用

我正在尝试将MovilizerJS与IonicFramework结合使用来创建HTML5屏幕。我尝试从Ionic生成的App.js文件中引用teMovilizerJS。我在插件文件夹中添加了MovilizerJS文件,并添加了包含Cordova.js的文件。varoHead=document.getElementsByTagName('HEAD').item(0);varoScript=document.createElement("script");oScript.type="text/javascript";oScript.src="plugins/Movilizer.js";oH

html - Ionic 2/angular 2 - 如何将带有 Typescript 的 HTML 元素添加到我的组件中?

请不要不喜欢从标题来判断,请先阅读帖子。我刚刚开始学习使用ionic2框架的typescript和angular2。我正在添加引用typscript变量“newItem”的html元素,如下所示:{{item}}test在组件的typescript类中,我有一个函数addTodo(),当按下右上角的加号/添加图标时,它会为“newItem”设置HTML:addTodo(){this.newItem="test";}出于某种原因,“ion-item”标签在编译时被忽略,它只将“test”插入到div元素中。应用程序将如下所示:组件类:所以我尝试将其添加到View中:CancelAdd但现

html - Ionic 2/angular 2 - 如何将带有 Typescript 的 HTML 元素添加到我的组件中?

请不要不喜欢从标题来判断,请先阅读帖子。我刚刚开始学习使用ionic2框架的typescript和angular2。我正在添加引用typscript变量“newItem”的html元素,如下所示:{{item}}test在组件的typescript类中,我有一个函数addTodo(),当按下右上角的加号/添加图标时,它会为“newItem”设置HTML:addTodo(){this.newItem="test";}出于某种原因,“ion-item”标签在编译时被忽略,它只将“test”插入到div元素中。应用程序将如下所示:组件类:所以我尝试将其添加到View中:CancelAdd但现

html - 如何使用CSS调整背景图像的大小并向右浮动?

我正在这个网站上工作:http://www.problemio.com我需要将背景图片添加到我所做的顶部横幅。我不知道该怎么做的是如何将它一直向右移动并使其长度变小,使其只占屏幕宽度的一半。知道怎么做吗?到目前为止,我有这个css用于整体横幅div:.banner{width:60em;margin:0auto;position:relative;padding:0.3em0;z-index:1;background-image:url('http://www.problemio.com/img/ui/problemiotoprightimage.png');background-re

html - 如何使用CSS调整背景图像的大小并向右浮动?

我正在这个网站上工作:http://www.problemio.com我需要将背景图片添加到我所做的顶部横幅。我不知道该怎么做的是如何将它一直向右移动并使其长度变小,使其只占屏幕宽度的一半。知道怎么做吗?到目前为止,我有这个css用于整体横幅div:.banner{width:60em;margin:0auto;position:relative;padding:0.3em0;z-index:1;background-image:url('http://www.problemio.com/img/ui/problemiotoprightimage.png');background-re